// pages/song-menus-show/index.js
import { getSongsMenuData } from '../../service/api_music'
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 歌单数据
    songMenuList: [],
    // 歌单类别
    cat: "",
    // 设备高度
    tabBarHeight: 0,
    windowHeight: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取网络数据
    this.getPageData(options.type)
    // 设置静态数据
    this.setData({ 
      tabBarHeight: app.globalData.statusBarHeight,
      windowHeight: app.globalData.windowHeight
    })
  },
  getPageData(type, offset = 0) {
    // 初始数据只要两条, 依次请求两条
    getSongsMenuData(type, 2, offset).then(res => {
      if(this.data.cat == '') this.setData({ cat: res.cat })
      // 若原始数据为空，则初始化，反之添加
      const origin = this.data.songMenuList
      if(origin.length == 0)
        this.data.songMenuList = [...res.playlists]
      else 
        this.data.songMenuList = [...origin, ...res.playlists]
      this.setData({ songMenuList: this.data.songMenuList })
    })
  },
  /****************************** 事件监听 ******************************/
  // 滚动到底部
  handleScrollBottom() {
    this.getPageData(this.data.cat, this.data.songMenuList.length)
  }
})